<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="https://cdn.staticfile.org/jquery/2.0.0/jquery.min.js"></script>

		<script>
			/* 该方法是测试实验选择标签的方式对元素进行操作 */
			$(document).ready(function() {
				$(".a").click(function() {
					$("p").hide();
				});
			});
			
			// 选择指定class的内容进行操作 ,class选择器使用 .class名来获取
			$(document).ready(function(){
				$(".b").click(function(){
					$(".p").hide();
				});
			});
			
		</script>

	</head>
	<body>

		<h1>这是一个标题</h1>
		<p>这只是一个段落</p>
		<p class="p">这是另一个段落</p>

		<button class="a">点我影藏所有p标签</button>
		<button class="b">点我影藏指定的p标签</button>
		
	</body>
</html>
